<template>
  <div class="main">
    注册
    <!-- 子组件触发父组件中的事件 -->
    <button @click="$emit('myAlert')">触发父组件中的事件</button>
    <el-button>Default</el-button>
    <el-button type="primary">注册</el-button>
    <el-button type="success">Success</el-button>
    <el-button type="info">Info</el-button>
    <el-button type="warning">Warning</el-button>
    <el-button type="danger">删除</el-button>

    <el-radio-group v-model="radio1">
      <el-radio disabled value="1" size="large">Option 1</el-radio>
      <el-radio value="2" size="large">Option 2</el-radio>
    </el-radio-group>
  </div>
</template>

<script setup>
import { ref } from 'vue'

const radio1 = ref('1')

</script>

<style scoped>
.main {
  width: 200px;
  height: 200px;
  border: 2px solid #999;
  border-radius: 10px;
  text-align: center;
  color: #333;
  padding: 10px;
  margin: 10px;
}
</style>